<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="yes" name=" apple-mobile-web-app-capable" />
    <meta content="no" name="apple-touch-fullscreen" />
    <meta content="black" name=" apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection"/>
    <title>首页</title>
    <script src="../js/base.min.js"></script>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1539067_jf13c9ukqqo.css">
    <link rel="stylesheet" href="../css/index.css">
</head>
<body>
<!--头部-->
<header></header>
<!--金刚区-->
<nav flex="cross:center">
    <ul flex>
        <li flex="cross:center dir:top">
            <div class="content" flex="main:center cross:center">
                <i class="iconfont iconhuangguan"></i>
            </div>
            <span>会员专区</span>
        </li>

        <li flex="cross:center dir:top">
            <div class="content-1" flex="main:center cross:center">
                <i class="iconfont iconxiaozhuxuanzhong"></i>
            </div>
            <span>会员专区</span>
        </li>

        <li flex="cross:center dir:top">
            <div class="content-2" flex="main:center cross:center">
                <i class="iconfont iconlicai"></i>
            </div>
            <span>会员专区</span>
        </li>

        <li flex="cross:center dir:top">
            <div class="content-3" flex="main:center cross:center">
                <i class="iconfont iconwodetuijianyouli"></i>
            </div>
            <span>会员专区</span>
        </li>

    </ul>
</nav>
<!--新人专享-->
<section class="frame" flex="dir:top">
    <h4>新人专享</h4>
    <ul flex>
        <li class="inner" flex="dir:top cross:center">
            <div flex="cross:center main:center">
                <div>
                    <h1>7.5%</h1>
                </div>
                <div>
                    <h4>包图省心宝</h4>
                    <span>锁定期90天</span>
                </div>
            </div>
            <div class="ys">
                <div></div>
            </div>
        </li>

        <li class="inner1" flex="dir:top cross:center">
            <div flex="cross:center main:center">
                <div>
                    <h1>8.5%</h1>
                </div>
                <div>
                    <h4>包图省心宝</h4>
                    <span>锁定期90天</span>
                </div>
            </div>
            <div class="ys">
                <div></div>
            </div>
        </li>

        <li class="inner" flex="dir:top cross:center">
            <div flex="cross:center main:center">
                <div>
                    <h1>7.5%</h1>
                </div>
                <div>
                    <h4>包图省心宝</h4>
                    <span>锁定期90天</span>
                </div>
            </div>
            <div class="ys">
                <div></div>
            </div>
        </li>
    </ul>
</section>
<!--精选理财-->
<section class="frame-1" flex="cross:center">
    <h4>精选理财</h4>
</section>
<section class="frame-2">
    <div class="ys1" flex="cross:center">
        <div flex="main:center cross:center">基金</div>
        <h2>一日存入  月月取息</h2>
    </div>
    <div class="ys2" flex="main:justify">
        <div flex="dir:top">
            <h1>6.18%</h1>
            <span>七日年化收益率</span>
        </div>

        <div>
            <h4>1000元起投  明星基金经理</h4>
            <div class="ys-a">
                <div></div>
            </div>
        </div>

        <div flex="dir:top">
            <button>立即投资</button>
            <p>已投资700000万元</p>
        </div>
    </div>
</section>
<!--尾部-->
<footer flex="cross:center">
    <div class="content-4" flex="main:justify cross:center">
        <div flex="dir:top">
            <img src="../img/1.png">
            <span>首页</span>
        </div>

        <div flex="dir:top">
            <img src="../img/2.png">
            <p>理财</p>
        </div>

        <div flex="dir:top">
            <img src="../img/3.png">
            <p>投资</p>
        </div>

        <div flex="dir:top">
            <img src="../img/4.png">
            <p>我的</p>
        </div>

    </div>
</footer>
</body>
</html>